<script setup>
import {ref} from 'vue'
const active=ref(0)
</script>

<template>
<div>
  <router-view ></router-view>
<van-tabbar v-model="active" route>
  <van-tabbar-item name="home" replace to="/" icon="home-o">选课</van-tabbar-item>
  <van-tabbar-item name="mclass" replace to="/mclass" icon="play-circle-o">我的课</van-tabbar-item>
  <van-tabbar-item name="cathome" replace to="/cathome" icon="friends-o">喵屋</van-tabbar-item>
  <van-tabbar-item name="tools" replace to="/tools" icon="setting-o">工具</van-tabbar-item>
  <van-tabbar-item name="mine" replace to="/mine" icon="manager-o">我的</van-tabbar-item>

</van-tabbar>

</div>
</template>

<style scoped>

</style>
